{\rtf1\ansi\ansicpg936\cocoartf1561\cocoasubrtf400
{\fonttbl\f0\fnil\fcharset0 Consolas;\f1\fnil\fcharset0 Consolas-Italic;\f2\froman\fcharset0 Times-Roman;
\f3\fnil\fcharset134 STSongti-SC-Regular;}
{\colortbl;\red255\green255\blue255;\red0\green0\blue0;\red242\green242\blue242;\red124\green0\blue10;
}
{\*\expandedcolortbl;;\cssrgb\c0\c0\c0;\cssrgb\c96078\c96078\c96078;\cssrgb\c56471\c4314\c3529;
}
\paperw11900\paperh16840\margl1440\margr1440\vieww10800\viewh8400\viewkind0
\deftab720
\pard\pardeftab720\sl380\partightenfactor0

\f0\fs28 \cf2 \cb3 \expnd0\expndtw0\kerning0
\outl0\strokewidth0 \strokec2 box-shadow: 
\f1\i h-shadow
\f0\i0  
\f1\i v-shadow
\f0\i0  
\f1\i blur
\f0\i0  
\f1\i spread
\f0\i0  
\f1\i color
\f0\i0  inset;\
\
\pard\pardeftab720\sl280\partightenfactor0

\f2\i\fs24 \cf2 \cb1 h-shadow
\f3\i0 \'b1\'d8\'d0\'e8\'a1\'a3\'cb\'ae\'c6\'bd\'d2\'f5\'d3\'b0\'b5\'c4\'ce\'bb\'d6\'c3\'a1\'a3\'d4\'ca\'d0\'ed\'b8\'ba\'d6\'b5\'a1\'a3{\field{\*\fldinst{HYPERLINK "http://www.w3school.com.cn/tiy/c.asp?f=css_box-shadow"}}{\fldrslt \cf4 \strokec4 \'b2\'e2\'ca\'d4}}\cf4 \strokec4 \

\f2\i \cf2 \strokec2 v-shadow
\f3\i0 \'b1\'d8\'d0\'e8\'a1\'a3\'b4\'b9\'d6\'b1\'d2\'f5\'d3\'b0\'b5\'c4\'ce\'bb\'d6\'c3\'a1\'a3\'d4\'ca\'d0\'ed\'b8\'ba\'d6\'b5\'a1\'a3{\field{\*\fldinst{HYPERLINK "http://www.w3school.com.cn/tiy/c.asp?f=css_box-shadow"}}{\fldrslt \cf4 \strokec4 \'b2\'e2\'ca\'d4}}\cf4 \strokec4 \

\f2\i \cf2 \strokec2 blur
\f3\i0 \'bf\'c9\'d1\'a1\'a1\'a3\'c4\'a3\'ba\'fd\'be\'e0\'c0\'eb\'a1\'a3{\field{\*\fldinst{HYPERLINK "http://www.w3school.com.cn/tiy/c.asp?f=css_box-shadow&p=3"}}{\fldrslt \cf4 \strokec4 \'b2\'e2\'ca\'d4}}\cf4 \strokec4 \

\f2\i \cf2 \strokec2 spread
\f3\i0 \'bf\'c9\'d1\'a1\'a1\'a3\'d2\'f5\'d3\'b0\'b5\'c4\'b3\'df\'b4\'e7\'a1\'a3{\field{\*\fldinst{HYPERLINK "http://www.w3school.com.cn/tiy/c.asp?f=css_box-shadow&p=7"}}{\fldrslt \cf4 \strokec4 \'b2\'e2\'ca\'d4}}\cf4 \strokec4 \

\f2\i \cf2 \strokec2 color
\f3\i0 \'bf\'c9\'d1\'a1\'a1\'a3\'d2\'f5\'d3\'b0\'b5\'c4\'d1\'d5\'c9\'ab\'a1\'a3\'c7\'eb\'b2\'ce\'d4\'c4
\f2  CSS 
\f3 \'d1\'d5\'c9\'ab\'d6\'b5\'a1\'a3{\field{\*\fldinst{HYPERLINK "http://www.w3school.com.cn/tiy/c.asp?f=css_box-shadow&p=10"}}{\fldrslt \cf4 \strokec4 \'b2\'e2\'ca\'d4}}\cf4 \strokec4 \
\
\pard\pardeftab720\sl280\partightenfactor0

\f2 \cf2 \strokec2 inset
\f3 \'bf\'c9\'d1\'a1\'a1\'a3\'bd\'ab\'cd\'e2\'b2\'bf\'d2\'f5\'d3\'b0
\f2  (outset) 
\f3 \'b8\'c4\'ce\'aa\'c4\'da\'b2\'bf\'d2\'f5\'d3\'b0\'a1\'a3{\field{\*\fldinst{HYPERLINK "http://www.w3school.com.cn/tiy/c.asp?f=css_box-shadow&p=15"}}{\fldrslt \cf4 \strokec4 \'b2\'e2\'ca\'d4}}\cf4 \strokec4 \
\
\
\pard\pardeftab720\sl280\partightenfactor0
{\field{\*\fldinst{HYPERLINK "http://www.w3school.com.cn/cssref/pr_box-shadow.asp"}}{\fldrslt \cf4 http://www.w3school.com.cn/cssref/pr_box-shadow.asp}}}